Align type scale to the live continentaltire.com#8
Merged
Conversation
Headings and buttons rendered at the wrong sizes and weights. Live uses one Stag Sans family, weight-differentiated (300 Thin, 400 Light, 700 Book), not a separate bold family. Point --heading-font-family at Stag Sans so the weight picks the right face. Match live sizes measured with getComputedStyle: mid headings 30px (was 32px), body buttons 12px (was 14px), news teasers 14px/700 (was 18px/300). Category tiles get 0.25px tracking. Drop the hero H1 letter-spacing. Footer pills stay at 14px.
Article pages now read like the live continentaltire.com /learn articles. Cap h1 at 42px site-wide, since live never renders a heading larger than that. The article body sets a 15px reading column with a centered 42px title and light subheads, measured from the live pages. Verified against the live Habitat for Humanity article at 1440px: title 42px/300 centered, body 15px/400 in a narrow column, featured image at 2:1.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Fix #7
Align the type scale to the live continentaltire.com, measured with getComputedStyle at 1440px.
Test URLs:
Headings use one Stag Sans family, weight-differentiated (300 Thin, 400 Light, 700 Book). Mid headings now match the live Light weight instead of the Book face. Sizes match live: mid headings 30px, body buttons 12px, news teasers 14px/700. h1 caps at 42px, since the live site does not render a heading larger than that.
The article template sets a 15px reading column with a centered 42px title and light subheads, matching the live /learn pages. It backs the migrated /learn and /experience content.
Testing: verified at 1440px against the live homepage and the live Habitat for Humanity /learn article. Homepage blocks and article title, body, and image match the live type scale. eslint and stylelint pass.